page{
  background-color: $bg-assist-color;
}

.total-info{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 340rpx;
  background-color: $bg-color;
  .type-select{
    position: absolute;
    left: 30rpx;
    top: 20rpx;
    .select{
      display: flex;
      align-items: center;
      text{
        font-size: 28rpx;
        color: $text-color-assist;
      }
      .arrows{
        display: flex;
        width: 14rpx;
        height: 14rpx;
        border-bottom: 1px solid $text-color-assist;
        border-left: 1px solid $text-color-assist;
        transform: rotate(-45deg);
        margin-left: 10rpx;
        margin-bottom: 6rpx;
      }
    }
  }
  .date-select{
    position: absolute;
    right: 30rpx;
    top: 20rpx;
    .select{
      display: flex;
      align-items: center;
      text{
        font-size: 28rpx;
        color: $text-color-assist;
      }
      .arrows{
        display: flex;
        width: 14rpx;
        height: 14rpx;
        border-bottom: 1px solid $text-color-assist;
        border-left: 1px solid $text-color-assist;
        transform: rotate(-45deg);
        margin-left: 10rpx;
        margin-bottom: 6rpx;
      }
    }
  }
  .title{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20rpx;
    text{
      font-size: 28rpx;
      color: $text-color;
    }
  }
  .price{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text{
      font-size: 68rpx;
      font-weight: bold;
      color: $text-color;
    }
    .min{
      font-size: 32rpx;
      margin-top: 10rpx;
      margin-left: 10rpx;
    }
  }
  .count{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 10rpx;
    text{
      font-size: 28rpx;
      color: $text-color-assist;
    }
    .num{
      color: red;
    }
  }
}

.record-list{
  width: 100%;
  margin: 30rpx auto;
  padding: 0 30rpx;
  box-sizing: border-box;
  background-color: $bg-color;
  .list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 120rpx;
    border-bottom: 1px solid $border-color;
    .name-date{
      .name{
        display: flex;
        align-items: center;
        text{
          font-size: 28rpx;
          color: $text-color;
        }
      }
      .date{
        display: flex;
        align-items: center;
        margin-top: 6rpx;
        text{
          font-size: 24rpx;
          color: $text-color-assist;
        }
      }
    }
    .price{
      display: flex;
      align-items: center;
      text{
        font-size: 30rpx;
        color: $text-color;
      }
    }
  }
}
.fui-custom__wrap{
  background: $bg-color;
  .year-list{
    width: 100%;
    padding: 0 30rpx;
    box-sizing: border-box;
    .list{
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 100rpx;
      border-bottom: 1px solid $border-color;
      .year{
        display: flex;
        align-items: center;
        text{
          font-size: 28rpx;
          color: $text-color;
        }
      }
      .check{
        display: flex;
        align-items: center;

      }
    }
  }
}
